<!doctype html>
<html lang="zh-CN" xml:lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>用户中心</title>
    <link rel="stylesheet" href="{__CSS__}/bootstrap.min.css">
    <link rel="stylesheet" href="{__CSS__}/style.css">
    <link rel="stylesheet" href="{__CSS__}/iconfont.css">
    <link rel="stylesheet" href="{__CSS__}/user.css">
    <link rel="stylesheet" href="/static/js/layui/css/layui.css">
    <script src="{__JS__}/jquery.min.js"></script>
    <script src="{__JS__}/captcha.js"></script>
    <script src="/static/js/layui/layui.js"></script>
    <script src="{__JS__}/bootstrap.bundle.min.js"></script>
    <script src="{__JS__}/meanmenu.min.js"></script>
</head>
<body style="background: #f9f9f9;">
{include file="public/header_no_nav"}
<div class="user_container">
    <div style="color: #757575">
        <a href="/">首页</a> > 用户中心
    </div>
    <div class="user_content">
        {include file="public/user_menu"}
        <div class="content_detail" style="padding: 20px 20px;">
            <div class="avatar">
                <img src="{$info['avatar']}" height="168px" width="168px"/>
                <span class="user-avatar-tool" id="avatar">修改</span>
            </div>
            <div class="user_data">
                <div class="full_name">{$info['nickname']}
                    <span class="user-tool" style="font-size: 14px;font-weight: 400" onclick="editNickname()">修改</span>
                </div>
                <ul class="user_data_list">
                    <li>
                        <span class="user_data_label">性别:</span>
                        <span class="user_data_val">{$info['sex']}</span>
                        <span class="user-tool" onclick="editSex()">修改</span>
                    </li>
                    <li>
                        <span class="user_data_label">生日:</span>
                        <span class="user_data_val">{if !empty($info['birthday'])}{$info['birthday']}{else/}未填写{/if}</span>
                        <span class="user-tool" onclick="editBirthday()">修改</span>
                    </li>
                    <li>
                        <span class="user_data_label">手机号码:</span>
                        <span class="user_data_val">{$info['phone']}</span>
                        <span class="user-tool" onclick="editPhone()">修改</span>
                    </li>
                    <!--<li>
                        <span class="user_data_label">电子邮箱:</span>
                        <span class="user_data_val">876337011@qq.com</span>
                    </li>-->
                    <li>
                        <span class="user_data_label">注册时间:</span>
                        <span class="user_data_val">2022-07-28 22:41:55</span>
                    </li>
                    <li>
                        <span class="user_data_label">更新时间:</span>
                        <span class="user_data_val">{$info['update_time']}</span>
                    </li>

                </ul>
            </div>
        </div>
    </div>
</div>
{include file="public/footer"}

<div id="nickname-box" style="display: none">
    <form class="layui-form" action="" style="padding: 20px">
        <div class="layui-form-item">
            <label class="layui-form-label" style="width: 110px">请输入昵称</label>
            <div class="layui-input-block" style="margin-left: 110px">
                <input type="text" name="nickname" placeholder="请输入昵称" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn layui-btn-normal" lay-submit lay-filter="personal">立即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>
    </form>
</div>

<div id="sex-box" style="display: none">
    <form class="layui-form" action="" style="padding: 20px">
        <div class="layui-form-item">
            <label class="layui-form-label" style="width: 110px">性别</label>
            <div class="layui-input-block" style="margin-left: 110px">
                <input type="radio" name="sex" value="1" title="男" checked>
                <input type="radio" name="sex" value="2" title="女">
            </div>
        </div>

        <div class="layui-form-item" style="margin-top: 30px">
            <div class="layui-input-block">
                <button class="layui-btn layui-btn-normal" lay-submit lay-filter="personal">立即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>
    </form>
</div>

<div id="birthday-box" style="display: none">
    <form class="layui-form" action="" style="padding: 20px">
        <div class="layui-form-item">
            <label class="layui-form-label" style="width: 110px">生日</label>
            <div class="layui-input-block" style="margin-left: 110px">
                <input type="text" name="birthday" placeholder="请输入日期" autocomplete="off" class="layui-input" id="birthday">
            </div>
        </div>

        <div class="layui-form-item" style="margin-top: 30px">
            <div class="layui-input-block">
                <button class="layui-btn layui-btn-normal" lay-submit lay-filter="personal">立即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>
    </form>
</div>

<div id="phone-box" style="display: none">
    <form class="layui-form" action="" style="padding: 20px">
        <div class="layui-form-item">
            <label class="layui-form-label" style="width: 80px">手机号</label>
            <div class="layui-input-block" style="margin-left: 80px">
                <input type="text" name="phone" placeholder="请输入手机号" autocomplete="off" class="layui-input" id="phone">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">验证码</label>
            <div class="layui-input-inline">
                <input type="text" name="code" rplaceholder="请输入验证码" autocomplete="off" class="layui-input">
            </div>
            <div class="layui-form-mid layui-word-aux" style="cursor: pointer" id="code">获取验证码</div>
        </div>

        <div class="layui-form-item" style="margin-top: 30px">
            <div class="layui-input-block">
                <button class="layui-btn layui-btn-normal" lay-submit lay-filter="personal">立即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>
    </form>
</div>

<div class="captcha-bg" style="display: none"></div>
<div class="box" id="captcha-box" style="z-index:99999999">
    <img src="{__IMG__}/captcha/cw.png" class="cuo">
    <span class="top-s">身份验证</span>
    <span class="top-x">拖动滑块，使图片角度为正</span>
    <div id="rotateWrap1">
        <div class="rotateverify-contaniner">
            <div class="rotate-can-wrap">
                <canvas class="rotateCan rotate-can" width="200" height="200"></canvas>
                <div class="statusBg status-bg"></div>
            </div>
            <div class="control-wrap slideDragWrap">
                <div class="control-tips">
                    <p class="c-tips-txt cTipsTxt">滑动将图片转正</p>
                </div>
                <div class="control-bor-wrap controlBorWrap"></div>
                <div class="control-btn slideDragBtn">
                    <i class="control-btn-ico"></i>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="go-top">
    <i class="iconfont icon-yooxi"></i>
    <i class="iconfont icon-yooxi"></i>
</div>
<script src="{__JS__}/custom.js"></script>
<script src="{__JS__}/personal.js"></script>
</body>
</html>